<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery Mobile Widget Test Suite</title>

	<script src="../../../external/requirejs/require.js"></script>
	<script src="../../../js/requirejs.config.js"></script>
	<script src="../../../js/requirejs.config.js"></script>
	<script src="../../../js/jquery.tag.inserter.js"></script>
	<script src="../../jquery.setNameSpace.js"></script>
	<script src="../../../external/qunit.js"></script>
	<script src="../../../tests/jquery.testHelper.js"></script>
	<script>
		$.testHelper.asyncLoad([
			[ "widgets/page" ],
			[ "widget_init.js" ],
			[
				"widgets/forms/slider",
				"widgets/collapsible",
				"jquery.mobile.widget"
			],
			[ "jquery.mobile.init" ],
			[
				"widget_core.js"
			]
		]);
	</script>

	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css"/>
	<link rel="stylesheet" href="../../../external/qunit.css"/>

	<script src="../../swarminject.js"></script>
</head>
<body>

<div id="qunit"></div>

<div id="qunit-fixture">

<div id="widget-wrapper">
	<div id="widget">
		<div>...</div>
	</div>
</div>

</div>

<div id="foo" data-nstest-role="page">
	<input type="range" id="foo-slider" name="foo-slider" value="" />
	<div id="enhance-prevented">
	</div>
	<div id="enhance-allowed">
	</div>
</div>

<div id="ignored" data-nstest-enhance="false" style="display: none">
	<div id="ignored-collapsible" data-nstest-role="collapsible">
	</div>
</div>

<div id="many-ignored" style="display: none">
	<div>
		<div id="many-enhanced-collapsible" data-nstest-role="collapsible">
		</div>
	</div>
	<div data-nstest-enhance="false">
		<div id="many-ignored-collapsible" data-nstest-role="collapsible">
		</div>
	</div>
</div>

<div id="not-ignored" style="display: none">
	<div id="collapsible" data-nstest-role="collapsible">
	</div>
</div>
</body>
</html>
